#search{"data-role" => "page"}
  %div{"data-role" => "header", "data-backbtn" => "false"}
    %h1 Search
  %div{"data-role" => "content"}
    - form_tag({:controller=>"gmindapp", :action=>"search"}, :method => "get" ) do
      = text_field_tag :q, "", :type=>"search", :required=>true, :placeholder=>"key word", :onkeypress=>"$('input').unbind('keypress');"
      = submit_tag "Search", "data-inline"=>"true"
    - form_tag({:controller=>"gmindapp", :action=>"status"}, :method => "get" ) do
      = text_field_tag :id, nil, :required=>true, :placeholder=>"task number", :onkeypress=>"$('input').unbind('keypress');"
      = submit_tag "Status", "data-inline"=>"true"
    = link_to "Pending Tasks", "#", :onclick=>"location.hash='/gmindapp/pending'", "data-role"=>"button"
    = link_to "Refresh", "#", :onclick=>"window.location.replace('/')", "data-role"=>"button"
    = link_to "About", "#", :onclick=>"location.hash='#about'", "data-role"=>"button"
:javascript
  function notice(msg) {
    $("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>"+ msg +"</h1></div>")
      .css({ "display": "block", "opacity": 0.96, "top": $(window).scrollTop() + 100 })
  		.appendTo( $('div[data-id="main"]') )
  		.delay( 4000 )
  		.fadeOut( 400, function(){
  		  $(this).remove();
  		});
  }
